<!DOCTYPE html>
<html lang="en">

  <head>

    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <meta name="description" content="">
    <meta name="author" content="">
	<meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js" integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js" integrity="sha384-smHYKdLADwkXOn1EmN1qk/HfnUcbVRZyYmZ4qpPea6sjB/pTJ0euyQp0Mk8ck+5T" crossorigin="anonymous"></script>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" integrity="sha384-WskhaSGFgHYWDcbwN70/dfYBj47jz9qbsMId/iRN3ewGhXQFZCSftd1LZCfmhktB" crossorigin="anonymous">

    <title>T2T-Beaches</title>

    <!-- Bootstrap core CSS -->
    <link href="vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">

    <!-- Custom fonts for this template -->
    <link href="vendor/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css">
    <link href="vendor/simple-line-icons/css/simple-line-icons.css" rel="stylesheet" type="text/css">
    <link href="https://fonts.googleapis.com/css?family=Lato:300,400,700,300italic,400italic,700italic" rel="stylesheet" type="text/css">
	<link href="list.css" rel="stylesheet">
</head>
<body>
<!-- Navigation -->
    <nav class="navbar navbar-expand-lg navbar-light bg-light">
  <a class="navbar-brand" href="#">T2T</a>
  <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
    <span class="navbar-toggler-icon"></span>
  </button>

  <div class="collapse navbar-collapse" id="navbarSupportedContent">
    <ul class="navbar-nav mr-auto">
      <li class="nav-item active">
        <a class="nav-link" href="#Testimonials">About Us <span class="sr-only">(current)</span></a>
      
      <li class="nav-item dropdown">
        <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
          Destinations
        </a>
        <div class="dropdown-menu" aria-labelledby="navbarDropdown">
          <a class="dropdown-item" href="#">Beaches</a>
          <a class="dropdown-item" href="#">Hill Station</a>
    
          <a class="dropdown-item" href="#">Camping</a>
        </div>
      </li>
        </li>
      <li class="nav-item">
        <a class="nav-link" href="#">Bookings</a>
      </li>
      <li class="nav-item">
        <a class="nav-link disabled" href="#">Feedback</a>
      </li>
    </ul>
      
     <ul class="dropdown">
          <a href="#" class="dropdown-toggle" data-toggle="dropdown"><b>Login</b> <span class="caret"></span></a>
			<ul id="login-dp" class="dropdown-menu">
				<li>
					 <div class="row">
							<div class="col-md-12">
								
								 <form class="form" role="form" method="post" action="login" accept-charset="UTF-8" id="login-nav">
										<div class="form-group">
											 <label class="sr-only" for="exampleInputEmail2">Email address</label>
											 <input type="email" class="form-control" id="exampleInputEmail2" placeholder="Email address" required>
										</div>
										<div class="form-group">
											 <label class="sr-only" for="exampleInputPassword2">Password</label>
											 <input type="password" class="form-control" id="exampleInputPassword2" placeholder="Password" required>
                                             <div class="help-block text-right"><a href="">Forget the password ?</a></div>
										</div>
										<div class="form-group">
											 <button type="submit" class="btn btn-primary btn-block">Sign in</button>
										</div>
										<div class="checkbox">
											 <label>
											 <input type="checkbox"> keep me logged-in
											 </label>
										</div>
								 </form>
							</div>
							<div class="bottom text-center">
								New here ? <a href="#call-to-action"><b>Join Us</b></a>
							</div>
					 </div>
				</li>
			</ul>
        </ul>
    <form class="form-inline my-2 my-lg-0">
      <input class="form-control mr-sm-2" type="search" placeholder="Search" aria-label="Search">
      <button class="btn btn-outline-success my-2 my-sm-0" type="submit">Search</button>
    </form>       
  </div>
</nav>
    
<div id="carouselExampleControls" class="carousel slide" data-ride="carousel">
  <div class="carousel-inner">
    <div class="carousel-item active">
      <img class="d-block w-100" src="https://www.oceanside.co.nz/media/1330/3b-ocean-harbour-example-beach-views.jpg?mode=crop&width=910px&height=500px&quality=80" alt="First slide">
    <div class="carousel-caption d-none d-md-block">
    <h3><i>Beaches</i></h3>
  </div>
	</div>
    <div class="carousel-item">
      <img class="d-block w-100" src="https://drscdn.500px.org/photo/226277729/m%3D900_s%3D1_k%3D1_a%3D1/v2?webp=true&v=0&sig=2f85e78cc91156b6b168d8b45acb87a2fa7d3b956e4f3677e52d899fdb30c564" alt="Second slide">
    
	</div>
    <div class="carousel-item">
      <img class="d-block w-100" src="https://ssp.scottdunn.com/xp-slideshow.php?image=755045&width=1600" alt="Third slide">
    </div>
  </div>
  <a class="carousel-control-prev" href="#carouselExampleControls" role="button" data-slide="prev">
    <span class="carousel-control-prev-icon" aria-hidden="true"></span>
    <span class="sr-only">Previous</span>
  </a>
  <a class="carousel-control-next" href="#carouselExampleControls" role="button" data-slide="next">
    <span class="carousel-control-next-icon" aria-hidden="true"></span>
    <span class="sr-only">Next</span>
  </a>
  
  <center><h2><b>Best Beaches to Visit</b></h2></center>
  <div class = "container">
  <div class= "row">
  <div class= "col-md-4">
  <div class="card" style="width: 18rem;">
  <img class="card-img-top" src="http://d3u4hzlr7ozpoo.cloudfront.net/blog/wp-content/uploads/2013/09/paloem-beach-I2.jpg" alt="Card image cap">
  <div class="card-body">
    <h5 class="card-title"> Palolem Beach</h5>
    <p class="card-text">The crescent shaped Palolem Beach is located in the market town of Chaudi in South Goa. It is one of the most beautiful beaches in Goa.</p>
    <a href="kyu.html" class="btn btn-primary">Book!!</a>
  </div>
  </div>
  </div>
   <div class= "col-md-4">
  <div class="card" style="width: 18rem;">
  <img class="card-img-top" src="http://d3u4hzlr7ozpoo.cloudfront.net/blog/wp-content/uploads/2013/09/baga-Beach-I1.jpg" alt="Card image cap">
  <div class="card-body">
    <h5 class="card-title">Baga Beach</h5>
    <p class="card-text">Baga Beach, situated in North Goa, is a very busy tourist spot in Goa and is just 10 kilometres away from the capital of Goa,Panaji.It is one of the most happening beaches on the coast.</p>
    <a href="kyu.html" class="btn btn-primary">Book!!</a>
  </div>
  </div>
  </div>
   <div class= "col-md-4">
  <div class="card" style="width: 18rem;">
  <img class="card-img-top" src="http://d3u4hzlr7ozpoo.cloudfront.net/blog/wp-content/uploads/2013/09/Kovalam-Beach-I1.jpg" alt="Card image cap">
  <div class="card-body">
    <h5 class="card-title">Kovalam Beach</h5>
    <p class="card-text">As a commercially valued beach in Kerala, life never stops here in Kovalam. The activities here run deep into the night and the beach is highly acclaimed for water sports.</p>
    <a href="kyu.html" class="btn btn-primary">Book!!</a>
  </div>
  </div>
  </div>
   <div class= "col-md-4">
  <div class="card" style="width: 18rem;">
  <img class="card-img-top" src="http://d3u4hzlr7ozpoo.cloudfront.net/blog/wp-content/uploads/2013/09/Karmatang-Beach-I1.jpg" alt="Card image cap">
  <div class="card-body">
    <h5 class="card-title">Karmatang Beach</h5>
    <p class="card-text">Karmatang beach is located 240 km away from Port Blair and is very much known for its turtle population. The place is being developed as a tourist destination offering activities such as swimming, boating and snorkeling to the visitors. </p>
    <a href="kyu.html" class="btn btn-primary">Book!!</a>
  </div>
  </div>
  </div>
   <div class= "col-md-4">
  <div class="card" style="width: 18rem;">
  <img class="card-img-top" src="http://d3u4hzlr7ozpoo.cloudfront.net/blog/wp-content/uploads/2013/09/Mahabalipuram-Beach-i1.jpg" alt="Card image cap">
  <div class="card-body">
    <h5 class="card-title">Mahabalipuram Beach</h5>
    <p class="card-text">The Mahabalipuram beach is famous for the sea shore temple built by the Pallava Kings. Withstanding ravages of time and catastrophes, the temple has been here unscathed for more than a thousand years. </p>
    <a href="kyu.html" class="btn btn-primary">Book!!</a>
  </div>
  </div>
  </div>
   <div class= "col-md-4">
  <div class="card" style="width: 18rem;">
  <img class="card-img-top" src="http://d3u4hzlr7ozpoo.cloudfront.net/blog/wp-content/uploads/2013/09/Paradise-Beach-I2.jpg" alt="Card image cap">
  <div class="card-body">
    <h5 class="card-title">Paradise Beach</h5>
    <p class="card-text">Out of so many tourist spots in Pondicherry, Paradise beach is one of the most visited places.  </p>
    <a href="kyu.html" class="btn btn-primary">Book!!</a>
  </div>
  </div>
  </div>
  </div>
</div>
</div>
</body>
</html>